<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
	*{margin:0;
	padding:0;}
	body{background-color: cornsilk;
	width:1200px;
	margin:0 auto;}
	.a{
	width:100%;
	height:50px;
	background:peachpuff;
	}
	.a ul{width:100%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	}
	.a li{float:left; list-style:none; }
	.a li a{
		display:inline-block;
		text-align:center;
		line-height:50px;
		text-decoration:none;
		color:black;
		font-weight:bold;
	}
	.aa{overflow: hidden; position: relative; width: 100%; }
	.ab{display: flex; transition: transform 0.5s ease-in-out; }
	.ab img{ width:700px; height:300px;
	display: block;
	}
	@keyframes imgk {  
	  0% {
	    transform: translateX(0);  
	  }
	  100% {  
	    transform: translateX(-130%); }}
		.ab{animation: imgk 10s linear infinite;}
		.ab:hover{ animation-play-state: paused;}
		@media(max-width:800px){
		.a{width:100%;}
		.ab img{100%}
		}
		a:hover{
			background-color: antiquewhite;
		}
		.ba h2{margin:10px;}
		.baa{height:200px; width:100%; margin-top:5px;}
		.bab{height:200px; width:100%; margin-top:5px;}
		.bac{height:200px; width:100%; margin-top:5px;}
		.bad{height:200px; width:100%; margin-top:5px;}
		.bae{height:200px; width:100%; margin-top:5px;}
		.ba img{width:200px; float:left; height:200px; padding-right:20px;}
		.ba span:nth-child(1){color: blue; padding-left:20px; }
		.ba span{padding-left:20px;}
		.ba p{padding-top:50px; background-color: bisque; height:150px; width:100%; }
		.a{width:100%;}
		.ca{float: left; margin:20px; margin-left:80px;}
		li{list-style:none; text-align:center;}
		.m{background-color:salmon; margin-top:10px;}
		.m h2{text-align:center;}
		a:hover{
			background-color: antiquewhite;
		}
		.c{background-color:papayawhip; height:200px; margin-top:10px;}
		.d{background-color: salmon;;:100%; height: 30px; margin-top:10px;}
		.d h2{text-align:center;}
		</style>
	</head>
	<body>
		<div class="aa">
			<div class="ab">
			<img src="img/4.jpeg">
			<img src="img/3.jpg">
			<img src="img/4.jpg">
			<img src="img/5.jpeg">
			</div>
		</div>
		<div class="a">
			<ul>
				<li><a href="2.html">首页</a></li>
				<li><a href="3.html">人物介绍</a></li>
				<li><a href="4.html">剧情介绍</a></li>
				<li><a href="5.html">图片鉴赏</a></li>
				<li><a href="6.html">影视大全</a></li>
			</ul>
		</div>
		<div  class="b">
			<div class="ba">
				<h2>野原一家</h2>
				<div class="baa">
				<img src="img/a.jpg">
				<p><span>野原新之助</span><br>
	<span>本作核心人物，5岁，5月5日生（漫画原作为7月22日生），血型B型，昵称“小新（日语：しんちゃん Shinchan）”，就读双叶幼稚园向日葵班，春日部防卫队队员之一。
在动画版中的招牌服装为红色短T-shirt配上黄色短裤、白色袜子、和黄色鞋子，发型为黑色平头。最爱的人是大原娜娜子。喜欢看动感超人、康达姆机器人和魔法少女可爱P。
最喜欢吃的零食是巧克比（チョコビ）。
喜欢把屁屁或大象露出来，经常搭讪漂亮的大姐姐。最讨厌吃青椒、洋葱和红萝卜。。</span></p>
				</div>
				<div class="bab">
				<img src="img/a.jpeg">
				<p><span>野原美伢</span><br>
				<span>本作的第一女主角，为小新的母亲，29岁，9月21日生（漫画原作为10月10日），血型B型，身高160公分、体重49公斤，熊本县阿苏市出身，本姓小山，全职的家庭主妇。
				喜欢购买有优惠的东西。常使用“美伢拳”或用“拳头转转”教训小新和广志，因此小新和广志都非常害怕她。常被小新称为“三层肥肉老太婆”。
				经常购买减肥食品及器材。喜欢帅哥。结婚前是个上班族，任职于小山田物产株式会社。</span>
				</p>
				</div>
				<div class="bac">
				<img src="img/b.jpg">
				<p><span>野原广志</span><br>
				<span>野原新之助的父亲，35岁，大学毕业后来到东京，20岁时于双叶商社就职，担任双叶商事第一营业部营业二课担任系长。
				而且一直没有升职和加薪，让美冴天天说他太悲惨了。
				是一个地道的上班族。脚相当臭，甚至可作为武器使用。
				出生于日本秋田县大曲市，现居于日本埼玉县春日部市。</span>
				</p>
				</div>
				<div class="bad">
				<img src="img/c.jpg">
				<p><span>野原向日葵</span><br>
				<span>女主角之一，小新的妹妹，0岁、9月27日生，于1996年剧场版初登场，身高不到1米，血型B型，昵称“小葵（ひま Hima）”。还不会说话，只会发出“たい”、“あ～”、“う～”。
				有“可恶的尿布怪兽”昵称（小新称）。</span>
				</p>
				</div>
				<div class="bae">
				<img src="img/a.png">
				<p><span>野原小白</span><br>
				<span>野原一家养的狗（小新捡到的），雄性、毛色为雪白、体型似棉花球，昵称小白，很聪明。
				著名特技是“棉花糖”（把身体卷成球型）和挠痒痒（抓小鸡鸡），这些当然也是跟野原新之助学习的，美伢叫他教小白一些特技，说不定能加入马戏团，所以小新就花了一整天教它一堆把戏，当晚验收成果，还拍摄影带，结果教出来的却是这个样子。虽不会说话，但似乎能明白小新说的话。
				朝日电视台为纪念开台60周年，于2019年10月推出以小白为主角的外传动画“SUPER SHIRO（超级小白）”。</span>
				</p>
				</div>
			</div>
		<div class="m">
			<h2>关系</h2>
		</div>
		<div class="c">
			<div class="ca">
				<h3>春日部防卫队</h3>
				<ul>
					<li>风间彻</li>
					<li>樱田妮妮</li>
					<li>佐藤正男</li>
					<li>阿呆</li>
				</ul>
			</div>
			<div class="ca">
				<h3>双叶幼稚园的职员与关系人</h3>
				<ul>
					<li>高仓文太</li>
					<li>高仓志麻</li>
					<li>石坂绿</li>
					<li>松坂梅</li>
					<li>上尾真澄</li>
					<li>热缲椎造</li>
				</ul>
			</div>
			<div class="ca">
				<h3>向日葵班的其他关系人</h3>
				<ul>
					<li>酢乙女爱</li>
					<li>时川翔</li>
					<li>二子玉川双胞胎</li>
				</ul>
			</div>
			<div class="ca">
				<h3>玫瑰班的学生与关系人</h3>
				<ul>
					<li>河村豹</li>
					<li>仁</li>
					<li>辉信</li>
					<li>宇集院魔朱麿</li>
					<li>惠</li>
				</ul>
			</div>
		</div>
		<div class="d">
			<h2>&copy;蜡笔小新</h2>
		</div>
	</body>
</html>